<!doctype html>
<html>
<head>
	<title></title>

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

	<meta http-equiv="Pragma" content="no-cache" />

	<meta http-equiv="Cache-Control" content="no-cache, must-revalidate" />

	<meta http-equiv="Expires" content="0" />
	<script>
		document.write("<link type='text/css' href='../demo.css?version=" + new Date().getTime() + "' rel='stylesheet' />");
	</script>
	<script src="../jquery-1.7.1.min.js"></script>
    <script src="../codebase/webVideoCtrl.js"></script>
    <script src="demo.js"></script>
</head>
<body>
    <section>
      <div id="divPlugin" class="plugin"></div>
    </section>
    <aside>
		<div id="divContral" class="Contral">
		 <fieldset class="ptz">
			<legend>云台控制</legend>
			<table cellpadding="0" cellspacing="3" border="0" class="left">
				<tr>
					<td>
						<input type="button" class="btn" value="左上" onmousedown="mouseDownPTZControl(5);" onmouseup="mouseUpPTZControl();" />
						<input type="button" class="btn" value="上" onmousedown="mouseDownPTZControl(1);" onmouseup="mouseUpPTZControl();" />
						<input type="button" class="btn" value="右上" onmousedown="mouseDownPTZControl(7);" onmouseup="mouseUpPTZControl();" />
					</td>
				</tr>
				<tr>
					<td>
						<input type="button" class="btn" value="左" onmousedown="mouseDownPTZControl(3);" onmouseup="mouseUpPTZControl();" />
						<input type="button" class="btn" value="自动" onclick="mouseDownPTZControl(9);" />
						<input type="button" class="btn" value="右" onmousedown="mouseDownPTZControl(4);" onmouseup="mouseUpPTZControl();" />
					</td>
				</tr>
				<tr>
					<td>
						<input type="button" class="btn" value="左下" onmousedown="mouseDownPTZControl(6);" onmouseup="mouseUpPTZControl();" />
						<input type="button" class="btn" value="下" onmousedown="mouseDownPTZControl(2);" onmouseup="mouseUpPTZControl();" />
						<input type="button" class="btn" value="右下" onmousedown="mouseDownPTZControl(8);" onmouseup="mouseUpPTZControl();" />
					</td>
				</tr>
			</table>
			<table cellpadding="0" cellspacing="3" border="0" class="left">
				<tr>
					<td class="tt">云台速度</td>
					<td>
						<select id="ptzspeed" class="sel">
							<option>1</option>
							<option>2</option>
							<option>3</option>
							<option>4</option>
							<option>5</option>
							<option>6</option>
							<option>7</option>
						</select>
					</td>
				</tr>
				<tr>
					<td class="tt">预置点号</td>
					<td><input id="preset" type="text" class="txt" value="1" /></td>
				</tr>
				<tr>
					<td colspan="2">
						<input type="button" class="btn" value="设置" onclick="clickSetPreset();" />
						<input type="button" class="btn" value="调用" onclick="clickGoPreset();" />
					</td>
				</tr>
			</table>
	        <table cellpadding="0" cellspacing="3" border="0" class="left">
	            <tr>
	                <td class="tt"><input type="button" class="btn2" value="变倍+" onmousedown="PTZZoomIn()" onmouseup="PTZZoomStop()"></td>
	                <td><input type="button" class="btn2" value="变倍-" onmousedown="PTZZoomout()" onmouseup="PTZZoomStop()"></td>
	            </tr>
	            <tr>
	                <td class="tt"><input type="button" class="btn2" value="变焦+" onmousedown="PTZFocusIn()" onmouseup="PTZFoucusStop()"></td>
	                <td><input type="button" class="btn2" value="变焦-" onmousedown="PTZFoucusOut()" onmouseup="PTZFoucusStop()"></td>
	            </tr>
	            <tr>
	                <td class="tt"><input type="button" class="btn2" value="光圈+" onmousedown="PTZIrisIn()" onmouseup="PTZIrisStop()"></td>
	                <td><input type="button" class="btn2" value="光圈-" onmousedown="PTZIrisOut()" onmouseup="PTZIrisStop()"></td>
	            </tr>
	        </table>
			</fieldset>
			<fieldset class="operate">
			<legend>操作信息</legend>
			  <div id="divopinfo" class="opinfo"></div>
		   </fieldset>
		</div>
    </aside>
</body>
</html>